$("#formFile").change(function(e){
    var file = e.target.files[0]
    var fileRead = new FileReader()
    fileRead.readAsDataURL(file)
    window.clip = new Clip({
        dragBoxClass: 'block',  //裁剪框类名
        clipRadio: 1 / 1,       //裁剪比例  宽/高  传0或空或不传等于不设置比例
        //单位px  仅为裁剪框的宽高  不等同裁剪后最终图片宽高
        initialHeight: 100,				//裁剪框初始高度
        initialWidth: 100,				//裁剪框初始宽度
        minHeight: 100,					//裁剪框最小高度
        minWidth: 100,					//裁剪框最小宽度
        maxWidth: 450,					//裁剪框最大宽度  不会大于裁剪区域宽度  取值需大于最小宽高
        maxHeight: 450,					//裁剪框最大高度  不会大于裁剪区域高度
        cornerColor: '#39f',			//裁剪框颜色
        encode: 'base64',				//文件类型
        type: 'png',					//保存图片类型
        name: 'img',					//文件名字
        quality: 1,					    //压缩质量
        //裁剪完成
        onDone: function (e) {
            console.log(e);
            document.getElementById('formFile').file = e;
            document.getElementById('faceView').src = e;
        },
        onCancel: function(){

        }
    });
    clip.setSize(file);

});
$("#uploadHeadButton").click(function(){
    // alert("上传启动")
    var formData = new FormData();
    var file = document.getElementById('formFile').file;
    formData.append("myFile",file);
    $.ajax({
        url:"http://10.106.1.22:80/upload",
        async:true,
        processData: false,   // jQuery不要去处理发送的数据
        contentType: false,   // jQuery不要去设置Content-Type请求头
        type:"POST",
        data: formData,
        success:function (data) {
            if(data==1){
                alert("上传成功");
                $(".offcanvas.show").hide()
            }else{
                alert("上传失败");
            }
        },
        error:function () {
            alert("更新失败");
        },
        dataType:"text"
    });
});